@charset "utf-8";
/*------------------------------------
桌面视图的样式。
---------------------------------------*/
$teskBarHeight:1.5rem;//任务栏高度
$deskiconWH:2.5rem;//桌面图标宽高
$iconNameH:3em;//文本的高度
$LiBgColor:rgba(255,255,255,0.1);
$LiBgHoverColor:rgba(255,255,255,0.2);
$LiBgClickColor:rgba(255,255,255,0.4);
$LiBorderColor:rgba(255, 233, 206, 0.5);
.oc-desk{
	//background-color: #4C9ED9;
	figure{
		color: #fff;
		text-align: center;
		overflow: hidden;
		border:1px solid transparent;
		img{
			width: $deskiconWH;
			height: $deskiconWH;
			padding: 0 0.5rem;
		}
		figcaption{
			font-size: 0.6rem;
			width: $deskiconWH + 1rem;
			max-height:$iconNameH;
			cursor: default;
		}
		&.active{
			border:1px solid $LiBorderColor;
			background-color: $LiBgHoverColor;
		}
	}
}
nav {
	ul.oc-taskBar{
		font-size: 0.6rem;
		background-color: #000;
		li{
			margin:0 4px;
			position: relative;
			display: block;
			float: left;
			height: 1.4rem;
			line-height: 1.5rem;
			border-bottom: 2px solid #d4d4d4;
			color: #fff;
			width: 7.6rem;
			white-space: nowrap;
			overflow: hidden;
			&:hover{
				background-color: $LiBgHoverColor;
				margin: 0;
				padding: 0 4px;
				transition-property:background-color;
				transition-duration:0.2s;
			}
			&.active{
				background-color: $LiBgClickColor;
				margin: 0;
				padding: 0 4px;
			}
			span{
				position: relative;
				padding:0 0.2rem 0 1.3rem;
				cursor: default;
				i{
					position: absolute;
					width: 0.9rem;
					height: 0.9rem;
					left: 0.2rem;
					top: 50%;
					margin-top: -0.45rem;
					background:url("http://usr.im/16x16") no-repeat;
					background-origin: content-box;
					background-size: 100% 100%;
				}
			}
		}
		&:after{
		content: "";
		display: block;
		clear: both;
		}
	}
}
footer{
	background-color:#fff; 
	font-size:0.6rem;
	p{
		float: left;
		line-height: 1.1rem;//这个是根据状态栏高度设定的，状态栏高度是由footer-icon撑开的
	}
	.footer-icon{
		float: right;
		margin-right: 0.2rem;
		span{
			float: right;
			display: block;
			width: 0.8rem;
			height: 0.8rem;
			cursor: pointer;
			padding: 0.1rem;
			border: 1px solid transparent;
			&:hover{
				background-origin: border-box;
				border: 1px solid #4C9ED9;
				background-color: rgba(76, 158, 217,0.2);
			}
			i{
				display: block;
				width: 100%;
				height: 100%;
				background: transparent url("http://usr.im/16x16") no-repeat;
			}
		}
	}
	
}